body {
	font: 14px/1 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB',
		'Microsoft YaHei', '微软雅黑', Arial, sans-serif, 'Segoe UI';
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	margin: 0;
	background: #f0f2f5;
	box-sizing: content-box;

	a {
		color: #000;
		text-decoration: none;
	}
	h1,
	h2,
	h3,
	h4,
	h5,
	h6,
	ul {
		margin: 0;
	}

	ul {
		padding: 0;
		list-style: none;
	}
}

.page-error {
	padding: 50px 0;
	p {
		margin: 20px 0;
	}
}

.flex-center {
	display: flex;
	align-items: center;
}

.flex-center-between {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.full-width {
	width: 100%;
}
.font-12 {
	font-size: 12px;
}
.font-14 {
	font-size: 14px;
}
.font-16 {
	font-size: 16px;
}
.font-18 {
	font-size: 18px;
}
.font-30 {
	font-size: 30px;
}

.color-main {
	color: #008AFA;
}
.color-success {
	color: #67c23a;
}
.color-warning {
	color: #e6a23c;
}
.color-danger {
	color: #f56c6c;
}
.color-info {
	color: #909399;
}

.text-center {
	text-align: center;
}

.text-right {
	text-align: right;
}

.el-table {
	width: 100%;
	font-size: 14px !important;

	th {
		background: #f5f7fa !important;
		padding: 10px 0 !important;
		line-height: 1;
	}
}

.el-drawer {
	&:focus {
		outline: none;
	}

	.el-drawer__header {
		padding: 20px;
		margin: 0;
		span {
			font-weight: bold;
			outline: none;
			color: #333;
		}
	}

	.el-drawer__body {
		padding: 0 20px 20px;
		overflow-y: auto;
	}
}

.el-textarea .el-input__count {
	bottom: -15px !important;
	right: 0 !important;
	line-height: 1;
}

.form-tip {
	margin-top: 5px;
	color: #9b9b9b;
	line-height: 1.5;
}

.el-link {
	font-weight: normal !important;
}

.el-menu--vertical ::v-deep {
	.el-menu-item {
		height: 40px;
		line-height: 40px;
	}
}
.el-tree-node__content {
	height: 34px !important;
}

.page-loading {
	font-size: 30px;
}